<template>
    <div class="box">
        <h1>二级路由关于</h1>
        <ul class="about-nav">
            <li>
                <router-link to="/about/aboutus?id=10086">关于我们</router-link>
            </li>
            <li>
                <router-link to="/about/aboutyour">关于你们</router-link>
            </li>
        </ul>
        <div class="rv">
            <router-view></router-view>
        </div>
        
    </div>
</template>

<script>
export default {
    name:'About',
}
</script>

<style scoped>
    .rv{
        float: left;
    }
    .about-nav{
        list-style: none;
        float: left;
    }
    .about-nav > li{
        width: 150px;
        height: 60px;
        line-height: 60px;
        text-align: center;
    }
    .box{
        width: 100%;
        height: 700px;
        background-color: rgb(127, 255, 138);
    }
</style>